<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('classification-page/css/classification.css')"></script>
<!--搜索框-->
<div class="bar  bar-nav" style="z-index: 9999;" ng-init="showClassList(page)">
    <a href="javascript:history.go(-2)"><span class="icon icon-left pull-left button-nav"  style="z-index: 9999999"></span></a>
    <div class="bar bar-header-secondary" style="z-index:99999">
        <div class="searchbar">
            <a class="searchbar-cancel" ng-click="getSearch()">检索</a>

            <div class="search-input">
                <label class="icon icon-search" for="search"></label>
                <input type="search" id='search' ng-model="keyWord" value="{{keyWord}}" placeholder='输入关键字...'/>
            </div>
        </div>
    </div>
</div>

<div class="content infinite-scroll infinite-scroll-bottom" ng-init="">
    <!-- 右侧内容开始 -->
    <div class="list-block media-list" style="margin-top: 0.5rem">
        <div class="right-cont">
            <a>
                <ul ng-repeat="class in classLists">
                    <li class="item-content" ng-click="getClassInfo(class.classId)">
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">{{class.classTitle}}</div>
                            </div>
                            <div class="item-subt">{{class.classDetail | cut:true:35:'...' }}</div>

                        </div>
                        <div class="item-media">
                            <div class="status">
                                <img ng-if="!class.classImg" ng-src="page/classification-page/img/timg5.jpg">
                                <img ng-if="class.classImg" ng-src="{{class.classImg}}">
                            </div>
                        </div>
                    </li>

                </ul>
            </a>

        </div>
        <!-- 加载提示符 -->
        <div class="infinite-scroll-preloader">
            <div class="preloader"></div>
        </div>
    </div>
    <!-- <>底部导航 -->

    <div ng-show="classLists.length==0" class="content infinite-scroll" ng-init="test()">

        <!-- 右侧内容开始 -->
        <div class="list-block media-list">
            <div style="width: 5rem;margin: 0 auto;padding-top: 2rem">
                <img ng-src="page/myorders1-page/img/noorder.png" alt="" style="width: 5rem">
            </div>
            <div class="right-cont"
                 style="text-align: center;height: 4rem;line-height: 4rem;color: #c4c4c4;font-size: .8rem">
                暂无该课程，换个内容试试
            </div>
        </div>
    </div>
</div>

<div ng-init="suiMobileInit('classification-page/js/classification.js')"></div>